<template>
	<u-popup :show="isSHow" @close="close" @open="open" mode="center" round="20" zIndex="99999"
		:safeAreaInsetBottom="false" @touchmove.stop.prevent="null" :closeOnClickOverlay="false">
		<view class="box">
			<view class="title">
				隐私政策
			</view>
			<view class="content">
				本应用尊重并保护所有用户的个人隐私权。为了给您提供更准确、更有个性化的服务，本应用会按照隐私政策的规定使用和披露您的个人信息。<br>
				（1）《隐私政策》中关于个人设备用户信息的收集和使用的说明。<br>
				（2）《隐私政策》中与第三方SDK类服务商数据共享、相关信息收集和使用说明。
				可阅读
				<text @click="goArgeement(5)">《用户协议》</text>和<text @click="goArgeement(0)">《隐私政策》</text>了解详情内容。
			</view>
			<view class="btn" @click="agree">同意</view>
			<view class="btn act" @click="unAgree">不同意并退出APP</view>
		</view>
	</u-popup>
</template>

<script>
	export default {
		name: "privacyPopup",
		data() {
			return {
				isSHow: false
			};
		},
		mounted() {
			const boo = uni.getStorageSync('openForFirstTime')
			this.isSHow = !Boolean(boo)
		},
		methods: {
			open() {},
			close() {},
			goArgeement(type) {
				uni.navigateTo({
					url: '/pages/argeement/userArgeement?type=' + type
				})
			},
			// 同意
			agree() {
				uni.setStorageSync('openForFirstTime', true)
				const boo = uni.getStorageSync('openForFirstTime')
				this.isSHow = !Boolean(boo)
				uni.reLaunch({
					url: '/pages/index/index'
				})
				// 同意之后设置极光推送别名
				// #ifdef APP-PLUS
				const jpushModule = uni.requireNativePlugin("JG-JPush");
				jpushModule.setAlias({
					'alias': uni.getStorageSync('USER_DATA').memberId + '',
					'sequence': 1
				})
				// #endif
			},
			// 退出
			unAgree() {
				uni.getSystemInfo({
					success: function(res) {
						// 判断为安卓的手机        
						if (res.platform == 'android') {
							// 安卓退出app      
							uni.clearStorageSync()
							plus.runtime.quit();
						} else {
							// 判断为ios的手机，退出App      
							uni.clearStorageSync()
							plus.ios.import("UIApplication").sharedApplication().performSelector("exit");
						}
					}
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.box {
		width: 540rpx;
		height: auto;
		background: #FFFFFF;
		border-radius: 20rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0 40rpx;

		.title {
			font-size: 48rpx;
			color: #181818;
			margin: 50rpx 0;
		}

		.content {
			font-size: 26rpx;
			font-weight: 500;
			color: #000000;
			line-height: 44rpx;

			&>text {
				color: #194FC9;
				text-decoration: underline;
			}
		}

		.btn {
			width: 100%;
			height: 72rpx;
			font-size: 30rpx;
			line-height: 72rpx;
			text-align: center;
			border-radius: 6rpx;
			background: #194FC9;
			color: #FFFFFF;
			margin-top: 30rpx;
		}

		.act {
			background-color: #fff;
			color: #194FC9;
		}
	}
</style>
